<!-- 多行文本组件 -->
<template>
    <Input type="textarea" v-model="content"
        :placeholder="props.setConfig.placeholder ? props.setConfig.placeholder : '请输入'"
        :disabled="props.setConfig.disabled" clearable @on-change="changeValue"
        :maxlength="props.setConfig.maxlength"></Input>
</template>

<script setup>
import { ref } from 'vue';

/**
 * @param {
 *      setConfig: {
 *          placeholder: '提示语',
 *          disabled: '是否禁用',
 *          maxlength: '最大输入长度'
 *      },
 *      modelValue: 双向绑定
 * }
 */
const props = defineProps({
    setConfig: {
        type: Object,
    },
    modelValue: {
        type: String,
        default: ''
    },
})

const emit = defineEmits(['update:modelValue']);

// 双向绑定内容
const content = ref(props.modelValue);

// 提交更新
const changeValue = (val) => {
    emit('update:modelValue', val.target.value);
}

</script>